<!DOCTYPE HTML>
<!--
	Aerial by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>S A P P H I R E</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
		<link rel="stylesheet" href="assets/css/custom.css" />
		<link rel="shortcut icon" href="assets/icon/酷-1.svg" id="dynamic-icon">
		<link rel="apple-touch-icon" href="assets/icon/酷-1.svg">
	</head>
	<body class="is-preload">
		<div id="wrapper">
			<div id="bg"></div>
			<div id="overlay"></div>
			<div id="main">

				<!-- Header -->
					<header id="header">
						<h1>Sapphire</h1>
						<p>For Code &nbsp;&bull;&nbsp; For Hobby &nbsp;&bull;&nbsp; For Life</p>
						<nav>
							<ul>
								<li><a href="https://blog.notspr.com/" class="icon solid fa-blog" id="blog-animation"><span class="label" style="color: red">博客</span></a></li>
								<li><a href="https://github.com/sususama5555" class="icon brands fa-github"><span class="label">Github</span></a></li>
								<li><a href="https://steamcommunity.com/profiles/76561198294148424/" class="icon brands fa-steam"><span class="label">Steam</span></a></li>
								<li><a href="https://weibo.com/u/5330189327" class="icon brands fa-weibo"><span class="label">微博</span></a></li>
								<li><a href="https://blog.notspr.com/picture/weixin.png" class="icon brands fa-weixin"><span class="label">weixin</span></a></li>
							</ul>
						</nav>
					</header>

				<!-- Footer -->
					<footer id="footer">
						<div class="beian">
							<a href="https://beian.miit.gov.cn/" rel="noopener" target="_blank">粤ICP备20063016号-2</a>
						</div>
						<div class="copyright">
							&copy; 興趣使然. Design: <a href="http://html5up.net" rel="noopener" target="_blank">HTML5 UP</a>
						</div>
					</footer>

			</div>
		</div>
		<script>
			window.onload = function() { document.body.classList.remove('is-preload'); }
			window.ontouchmove = function() { return false; }
			window.onorientationchange = function() { document.body.scrollTop = 0; }
		</script>
		<script>
			<!-- 切换标签页的动作 -->
			document.addEventListener("visibilitychange", function () {
				// 切换icon
				document.getElementById("dynamic-icon").href = document.hidden ? "assets/icon/哭.svg": "assets/icon/酷-1.svg"
			})
		</script>
	</body>
</html>